DHTMLX Documentation

Control over tab-order

Setting custom column tab order

Can be set by:

grid.setTabOrder("1,2,3,4"); // the direct tab order
grid.setTabOrder("4,3,2,1"); // the inverse tab order

Tabbing through editable cells only

Can be enabled by:

grid.enableEditTabOnly(true);

Tab in grid and tab out of grid

Starting from dhtmlxgrid 1.6 you can control the page elements that precede/succeed the grid in the tab order.

For example, if you have the following layout:

<input type="text" id="input1" />
<div id="gridbox"></div>
<input type="text" id="input3" />

You can use the following js commands to set the direct tab order:

grid.setExternalTabOrder("input1","input3");

Now pressing the "tab" key in input1 will move the focus to the grid, and tabbing from the last cell of the grid will move the focus to input3.